// 需求1：获取用户信息，渲染到页面上
// 要求：封装成功函数，全局函数
// 当页面一加载出来，向服务器发送请求，获取用户信息，
// 如果获取到了，就将值传递，进行页面渲染
$(function() {
    //需求1： 获取用户信息，渲染头像
    getUserInfo()
        // 需求2：退出登录
    $('#logout').on('click', function() {
        layer.confirm('确认退出登录吗？', { icon: 3, title: '提示' }, function(index) {
            //do something
            // 确定之后，将页面跳转到登录页面
            location.href = '/login.html'
                // 删除token
            localStorage.removeItem('token')
            layer.close(index);
        });
    })
});

// 封装ajax获取用户信息
function getUserInfo() {
    // 发送axios
    axios({
        url: '/my/userinfo',
        // 可以自定义请求头信息
        // headers: {
        //     Authorization: localStorage.getItem('token')
        // }
    }).then(({ data: res }) => {
        //成功回调
        if (res.status != 0) {
            return layui.layer.msg(res.message)
        }
        renderAvatar(res.data)
        console.log(res.data);
    });
}
// 封装一个函数，渲染用户信息
function renderAvatar(user) {
    // 渲染欢迎，如果有nickname，优先渲染nickname，没有nickname渲染username
    // ||找真： 如果第一个值是false类型，返回第二个值.无论第二个值是true还是false
    // && 找假：链接两个值，如果第一个值是false,则无条件返回第一个值，反之则返回第二个值

    // nickname是昵称，如果用户改了昵称，就用昵称，没有改昵称就用用户名
    let name = user.nickname || user.username
    $('#welcome').html('欢迎&nbsp;' + name)
    if (user.user_pic != null) {
        $('.text-avatar').hide()
        $('.layui-nav-img').show().attr('src', user.user_pic)

    } else {
        $('.layui-nav-img').hide()
            // 渲染name中的第一个单词字符，而且大写
        let first = name[0].toUpperCase()
        $('.text-avatar').show().html(first)
    }
}